<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0;padding: 0;}
			a{color: white;display:block;text-decoration: none;}
			.firstnav{height:34px;}
			.firstli{background:#a21f25;float:left;list-style: none;padding: 0 25px;height:34px;
			   text-align: center;line-height: 34px;position: relative;}
			.secondnav{position:absolute;left:0;top:34px;display: none;}
			.secondli{list-style: none;background:black;padding: 0 25px;height: 40px;width:82px;position:relative;}
			.firstli:hover .secondnav{display:block;}
		    .secondli:hover{padding-left: 35px;transition: .5s;width:72px;}
		    .thirdnav{width:200px;background:gainsboro;position:absolute;left:132px;top:0;display: none;}
		    .thirdli a{color: #000000;}
		    .thirdli .title{height:30px;border-bottom: 1px solid black;}
		     .secondli:hover .thirdnav{display: block;}
		</style>
	</head>
	<body>
		<ul class="firstnav">
			<li class="firstli">
				<a href="">所有商品分类</a>
				<ul class="secondnav">
					<li class="secondli">
						<a href="">运动鞋</a>
					    <ul class="thirdnav">
					    	<li class="thirdli">
					    		<div class="title"></div>
					    		<div class="class"><a href="">休闲鞋 休闲鞋休闲鞋 </a></div>
					    	</li>
					    	<li class="thirdli"></li>
					    	<li class="thirdli"></li>
					    	<li class="thirdli"></li>
					    	<li class="thirdli"></li>
					    </ul>
					</li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
			<li class="firstli">
				<a href="">首页</a>
				<ul class="secondnav">
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
			<li class="firstli">
				<a href="">男子运动</a>
				<ul class="secondnav">
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
			<li class="firstli">
				<a href="">女子运动</a>
				<ul class="secondnav">
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
			<li class="firstli">
				<a href="">儿童</a>
				<ul class="secondnav">
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
			<li class="firstli" >
				<a href="">配件</a>
				<ul class="secondnav">
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
					<li class="secondli"><a href="">运动鞋</a></li>
				</ul>
			</li>
		</ul>
	</body>
</html>
